<!-- 首页 -->
<template>
	<view class="page tn-safe-area-inset-bottom">
		<cu-custom bgColor="bg-gradual-pink" :isBack="false"><block slot="content">动态</block></cu-custom>
		<last @menu="menu" ref="last"></last>
		<u-action-sheet :list="sheetList" v-model="sheetShow" @click="clickSheet"></u-action-sheet>
		<user-auth></user-auth>
		<fb-popup></fb-popup>
		<user-phone></user-phone>
		<user-pay></user-pay>
		<cash-popup></cash-popup> 
		<qr-popup></qr-popup> 
	</view>
</template>

<script> 
import last from "./last.vue"; // 关注
export default {
	components: {
		last,
	},
	data() {
		return {
			CustomBar: this.CustomBar,
			sheetList: [],
			sheetShow: false,
			userId: 0,
		};
	},
	created() {
		
	},
	methods: {
		init() {
			this.$refs.last.init();
		},
		menu(e) {
			this.sheetList = e;
			this.sheetShow = true;
		},
		clickSheet(index) {
			var sheet = this.sheetList[index];
			this.$refs.last.clickSheet(sheet);
		},
	}
};
</script>
<style lang="scss" scoped>
	.page {
		background-color: #fff;
	}
	.top-box {
		display: flex;
		background-color: #fff;
		align-items: center;
		height: 40px;
	}
	.u-tabs-list {
		display: flex;
		align-items: center;
		width: 250rpx;
	}
	.u-tabs-box {
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: center;
	}
	.u-tabs {
		padding: 5px 0;
		font-size: 28rpx;
		display: flex;
	}
	.u-tabs-active {
		font-weight: bolder;
		color: #a569d9;
		border-bottom: 2px solid #a569d9;
	}
	.send-box {
		display: flex;
		height: 40px;
		justify-content: center;
		align-items: center;
		right: 0;
		width: 40px;
		position: absolute;
		font-size: 44rpx;
	}
	
	.send-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px 10px;
		background-color: #2b85e4;
		border-radius: 20px;
		color: #fff;
	}
	.send-btn-text {
		font-size: 24rpx;
		margin-left: 5px;
	}
	.bell{
		position: relative;
	}
	.tab-btn-dot {
		background-color: #fa8206;
		position: absolute;
		top: 6rpx;
		right: -3px;
		z-index: 9;
		border-radius: 100%;
		font-size: 6px;
		padding: 15rpx;
		color: #fff;
		height: 10rpx;
		width: 10rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fabu {
		background-color: #a569d9;
		position: fixed;
		bottom: 340rpx;
		right: 20rpx;
		border-radius: 100%;
		height: 72rpx;
		width: 72rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 28rpx;
		color: #fff;
	}
	
	/* iPhoneX底部安全区定义 start */
	.tn-safe-area-inset-bottom {
	  padding-bottom: 0;  
	  padding-bottom: constant(safe-area-inset-bottom);  
	  padding-bottom: env(safe-area-inset-bottom);  
	} 
	/* iPhoneX底部安全区定义 end */
</style>
